<template>
    <div class="bigbox">
        <div class="imgbox1"><img src="../img/bfd7549ba959c3670884645988b6355.png" alt=""></div>
        <div class="us">
            <div class="left">
                <div class="eng">
                    ABOUT US
                </div>
                <div class="china">关于我们</div>
            </div>
            <div class="right">
                <div>当前位置：首页>我们</div>
            </div>
        </div>
        <hr>
        <div class="logoto">
            <div class="minbox">
                <div>公司简介</div>
            </div>
        </div>
        <div class="content">
            <div class="contentbox">
                <div class="imgbox"><img src="../img/f1a5cf866a713f7b3b5dd2bf6403c46.png" alt=""></div>
                <div class="conbox">
                    <div class="conboxtop">
                        <div class="china">企业文化</div>
                        <hr>
                    </div>
                    <div class="conto">
                        <h4>公司的企业文化的兴起正是缘于企业管理的发展。企业管理的发展需要发展的公司企业文化。因此，在公司企业文化建设中，要注重与时代结合，不断创新。创新是公司企业文化的精髓。公司企业文化只有把创新的基因种植到公司企业文化建设到土壤里，才会成长出让企业长盛不衰的公司企业文化。
                        </h4>
                    </div>
                </div>
            </div>
            <hr>
            <div class="contentbox">


                <div class="conbox">
                    <div class="conboxtop">
                        <div class="china">企业历史</div>
                        <hr>
                    </div>
                    <div class="conto">
                        <h4>公司的企业文化的兴起正是缘于企业管理的发展。企业管理的发展需要发展的公司企业文化。因此，在公司企业文化建设中，要注重与时代结合，不断创新。创新是公司企业文化的精髓。公司企业文化只有把创新的基因种植到公司企业文化建设到土壤里，才会成长出让企业长盛不衰的公司企业文化。
                        </h4>
                    </div>
                </div>
                <div class="imgbox"><img src="../img/f1a5cf866a713f7b3b5dd2bf6403c46.png" alt=""></div>
            </div>
            <hr>
            <div class="contentbox">

                <div class="imgbox"><img src="../img/f1a5cf866a713f7b3b5dd2bf6403c46.png" alt=""></div>
                <div class="conbox">
                    <div class="conboxtop">
                        <div class="china">企业规模</div>
                        <hr>
                    </div>
                    <div class="conto">
                        <h4>公司的企业文化的兴起正是缘于企业管理的发展。企业管理的发展需要发展的公司企业文化。因此，在公司企业文化建设中，要注重与时代结合，不断创新。创新是公司企业文化的精髓。公司企业文化只有把创新的基因种植到公司企业文化建设到土壤里，才会成长出让企业长盛不衰的公司企业文化。
                        </h4>
                    </div>
                </div>

            </div>
        </div>
    </div>
</template>

<script lang="ts">
export default {
    setup() {


        return {}
    }
}
</script>

<style lang="less" scoped>
.bigbox {
    color: @fontcor2;
}

.imgbox1 {
    height: 300px;
    width: 100%;
    overflow: hidden;

    img {
        width: 100%;
    }
}

.us {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .left {
        margin-left: 180px;
        margin-top: -20px;

        .eng {
            font-size: @fontsize2;
        }

        .china {
            font-size: @fontsize;
        }
    }

    .right {
        margin-right: 60px;
        margin-bottom: -45px;
    }
}

.logoto {
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: space-around;
    align-items: center;

    .minbox {
        width: 150px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        outline: 1px solid snow;
    }
}

.contentbox {
    width: 100%;
    height: 300px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;

    .imgbox {
        height: 300px;
        width: 500px;

        img {
            width: 100%;
            height: 100%;
        }
    }

    .conbox {
        width: 700px;

        .conboxtop {
            width: 300px;
            height: 80px;

            .china {
                font-size: @fontsize;
            }


        }

        .conto {
            h4 {
                color: @fontcor2;
            }
        }
    }

}
</style>